<template>
    <div>
        <nav-bar :head="head"></nav-bar>
        <div class="logo-content">
            <van-image width="150" height="150" src="/images/icons/logo.png" />
            <p class="company"> 海外专业代充 </p>
        </div>
        <van-cell-group>
            <van-cell title="客服电话" value="010-000000000" />
            <van-cell title="工作时间" value="每日 00:00 ~ 23:59" />
            <van-cell title="客服微信" value="zzl-0805" />
            <van-cell title="版本号" value="V1.0.0" />
        </van-cell-group>
    </div>
</template>

<script>
    import Vue from 'vue';
    import { Image as VanImage } from 'vant';
    import { Cell, CellGroup } from 'vant';

    Vue.use(Cell);
    Vue.use(CellGroup);
    Vue.use(VanImage);
    export default {
        name: "about",
        data (){
            return {
                head: '关于我们'
            }
        }
    }
</script>

<style scoped>
    .logo-content{
        width: 100%;
        height: 40vh;
        text-align: center;
        margin-top: 100px;
    }
    .company{
        font-size: 18px;
        font-weight: bold;
    }
    .sys{
        color: #9b9b9b;
    }
</style>
